<template lang="pug">
.MenuContent
    ul.first
        li( v-for="( item,index) in feature " :key="index" )
            span {{item.Title}}
            ul.second
                li( v-for="(cItem,cIndex ) in item.Children" :key="cIndex" )
                    router-link(:to="{path:item.Path+cItem.Path}")
                        span {{cItem.Title}}
        //.login_btn(@click="router.push('/login')") Login


</template>
<script setup lang="ts">

import {onMounted, ref} from "vue";
import {useRouter} from "vue-router";

const router = useRouter();
const feature = ref([
    {
        Title: "Store", Path: "/index", Icon: "", Children: [
            {Title: "Home", Path: "", Icon: ""},
            {Title: "Search", Path: "/search", Icon: ""},
        ]
    },
    {
        Title: "Discovery Query", Path: "/discovery", Icon: "", Children: [
            {Title: "Home", Path: "", Icon: ""}
        ]
    },
    {
        Title: "About", Path: "/about", Icon: "", Children: [
            {Title: "Home", Path: "", Icon: ""},
            {Title: "News", Path: "/news", Icon: ""},
        ]
    },
    {
        Title: "Support", Path: "/support", Icon: "", Children: [
            {Title: "Home", Path: "", Icon: ""},
        ]
    }, {
        Title: "User", Path: "/user", Icon: "", Children: [
            {Title: "Home", Path: "", Icon: ""},
        ]
    },

])
onMounted(() => {


})

</script>
<style lang="sass" scoped>

@import "../../assets/sass/utils/menuPage"


</style>
